<template>
  <div class='review-dialog-container'
       v-if="visible">
    <el-dialog :visible.sync="visible"
               title="审核信息">
      <el-tabs v-model="activeTab">
        <el-tab-pane label="用户信息"
                     name="userInfo">
          <el-form label-width="150px"
                   :model="userInfoForm">
            <el-form-item label="用户名"
                          prop="user_name">
              <el-input v-model="userInfoForm.user_name">
              </el-input>
            </el-form-item>
            <el-form-item label="真实姓名"
                          prop="real_name">
              <el-input v-model="userInfoForm.real_name">
              </el-input>
            </el-form-item>
            <el-form-item label="手机号码"
                          prop="phone">
              <el-input v-model="userInfoForm.phone">
              </el-input>
            </el-form-item>
            <el-form-item label="岗位"
                          prop="job">
              <el-input v-model="userInfoForm.job">
              </el-input>
            </el-form-item>
          </el-form>
        </el-tab-pane>
        <el-tab-pane label="公司信息"
                     name="companyInfo">
          <el-form label-width="200px"
                   :model="companyInfoForm">
            <el-form-item label="单位类型"
                          required
                          prop="company_type">
              <el-select v-model="companyInfoForm.company_type">
              </el-select>
            </el-form-item>
            <el-form-item label="单位名称"
                          required
                          prop="company_name">
              <el-input v-model="companyInfoForm.company_name">
              </el-input>
            </el-form-item>
            <el-form-item label="法人姓名"
                          required
                          prop="legal_name">
              <el-input v-model="companyInfoForm.legal_name">
              </el-input>
            </el-form-item>
            <el-form-item label="统一社会信用代码"
                          required
                          prop="credit_code">
              <el-input v-model="companyInfoForm.credit_code">
              </el-input>
            </el-form-item>
            <el-form-item label="单位地址"
                          required
                          prop="company_address">

            </el-form-item>
            <el-form-item label="相关证件"
                          required
                          prop="business_img">
              <el-input v-model="companyInfoForm.business_img">
              </el-input>
            </el-form-item>
            <el-form-item label="基础文件"
                          prop="file">
              <el-input v-model="companyInfoForm.file">
              </el-input>
            </el-form-item>
          </el-form>
        </el-tab-pane>
      </el-tabs>
    </el-dialog>
  </div>
</template>
<script>
export default {
  data () {
    return {
      visible: false,
      activeTab: 'userInfo',
      userInfoForm: {
        user_name: '',
        real_name: '',
        phone: '',
        job: ''
      },
      companyInfoForm: {
        company_type: '',
        company_name: '',
        legal_name: '',
        credit_code: '',
        company_address: '',
        business_img: '',
        file: ''
      }
    }
  },
  props: {
    dialogVisible: Boolean,
    dialogStatus: String,
    dialogForm: Object
  },
  methods: {
    dialogClose () {
      this.$emit('update:dialogVisible', false)
    }
  },
  watch: {
    dialogVisible (newval, oldval) {
      this.visible = newval
    }
  },
  created () {
  },
  mounted () {
  }
}
</script>
<style scoped lang='scss'>
.review-dialog-container {
}
</style>
